    
/*------------------------------------------------页面组---------------------------------------------------------*/
.loadgroup{display: block;opacity: 0;}   
.group1{/*display: none;*/opacity: 0;}
.group2{display: none;opacity: 0;}
.longgroup{display: none;}
/*------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------页面组-loading组-----------------------------------------------------------*/
.loading{background: url(../imgs/bg.jpg); background-size:100%;}
	.hjian{width: 196px;height: 189px;position: absolute;left: 0;right: 0;top: 300px;margin: auto;}
	.hjian>img{position: absolute;}
	.hjian>img:nth-of-type(1){width: 196px;right: 0;top: 0px;}
	.hj{width: 153px;right: 0;left:0;top: 80px;margin: auto;-webkit-transform: translateY(0);
	transform: translateY(0);-webkit-transition: 1s all;transition: 1s all;}
	.hja{-webkit-animation: 1.5s hjian infinite linear;animation: 1.5s hjian infinite linear;}
	.hja2{-webkit-transform: translateY(-96px);transform: translateY(-96px);}	
	.hjian>img:nth-of-type(3){width: 196px;right: 0;top: 0;}
	.dyz{position: absolute;left: 0;right: 0;top: 530px;margin: auto;width: 300px;font-size: 24px;font-family:"黑体";text-align: center;}
#lspan{width: 70px; position: absolute;left: 0;right:0;top: 555px;margin:auto; font-size:24px;font-family: "黑体";opacity: 0;}
@-webkit-keyframes hjian{
	0%{-webkit-transform: translateY(-20px);opacity: 0.5;}
	50%{-webkit-transform: translateY(-96px);opacity: 1;}
	100%{-webkit-transform: translateY(-20px);opacity: 0.5;}
}
@keyframes hjian{
	0%{transform: translateY(-20px);opacity: 0.5;}
	50%{transform: translateY(-96px);opacity: 1;}
	100%{transform: translateY(-20px);opacity: 0.5;}
}

/*---------------------------------------------------------------------------------------------------------------*/




/*---------------------------------------------页面组1----------------------------------------------------------*/
	/*第一屏*/
	.g1p1{background: whitesmoke; background-size: 100%;}
	
	/*---------------------------翻页屏----------------------------*/
	#flipbook{position: relative;}
	/*翻页1*/
	.flip1{background: url(../imgs/bg.jpg);background-size: 100% 100%;position: absolute;}
	.flip1>img{position: absolute;}
		.f1m1{left: 0px;right: 0; top: 0px;margin: auto;height: 100%;}
		.f1m2{right: 45px;bottom:45px;/*top: 0;margin: auto;*/ -webkit-animation: 1s ar linear infinite;animation: 1s ar linear infinite;}
		@-webkit-keyframes ar{
			from{opacity: 0;-webkit-transform: translateX(50px);}
			to{opacity: 1;-webkit-transform: translateX(-30px);}
		}
		@keyframes ar{
			from{opacity: 0;transform: translateX(50px);}
			to{opacity: 1;transform: translateX(-30px);}
		}
			
	/*翻页2*/
	.flip2{background: url(../imgs/bg.jpg);background-size: 100% 100%;position: absolute;}
	.flip2>img{position: absolute;}
		.f2m1{left: 0px;right: 0; top: 0px;margin: auto;height: 100%;}
		.f2m1a{-webkit-animation: 1s opc1 linear infinite;}
		
	/*翻页3*/
	.flip3{background: url(../imgs/bg.jpg);background-size: 100% 100%;position: absolute;}
	.flip3>img{position: absolute;}
		.f3m1{left: 0px;right: 0; top: 0px;margin: auto;height: 100%;}
		.f3m1a{-webkit-animation: 1s opc1 linear infinite;animation: 1s opc1 linear infinite;}
		
	/*翻页4*/
	.flip4{background: url(../imgs/bg.jpg);background-size: 100% 100%;position: absolute;}
	.flip4>img{position: absolute;}
		.f4m1{left: 0px;right: 0; top: 0px;margin: auto;height: 100%;}
		.f4m1a{-webkit-animation: 1s opc1 linear infinite;animation: 1s opc1 linear infinite;}
		
	/*翻页5*/
	.flip5{background: url(../imgs/bg.jpg);background-size: 100% 100%;position: absolute;}
	.flip5>img{position: absolute;}
		.f5m1{left: 0px;right: 0; top: 0px;margin: auto;height: 100%;}
		
	/*翻页6*/
	.flip6{background: url(../imgs/bg.jpg);background-size: 100% 100%;position: absolute;}
	.flip6>img{position: absolute;}
		.f6m1{left: 0px;right: 0; top: 0px;margin: auto;height: 100%;}
	
	/*翻页7*/
	.flip7{background: url(../imgs/bg.jpg);background-size: 100% 100%;position: absolute;}
	.flip7>img{position: absolute;}
		.f7m1{left: 0px;right: 0; top: 0px;margin: auto;height: 100%;}
		
	/*翻页8*/
	.flip8{background: url(../imgs/bg.jpg);background-size: 100% 100%;position: absolute;}
	.flip8>img{position: absolute;}
		.f8m1{left: 0px;right: 0; top: 0px;margin: auto;height: 100%;}
	
	/*翻页9*/
	.flip9{background: url(../imgs/fxbg.jpg);background-size: 100% 100%;position: absolute;}
	.flip9>img{position: absolute;}
	.flip9>div{position: absolute;}
		.f9m1{left: 0px;right: 0; top: 9%;margin: auto;}
		.f9m2{left: 0px;right: 0; top: 23%;margin: auto;width: 343px;height: 331px;}
			.f9m2>img{position: absolute;}
				.f9m2m1{left: 0;right: 9px;margin: auto;-webkit-transform: scale(0) translateY(0px);
				transform: scale(0) translateY(0px);opacity: 0; -webkit-transform-origin: bottom center;transform-origin: bottom center; opacity: 0;}
				.f9m2m2{}
				
				.f9m2m1a1{-webkit-animation: 0.5s dllz1 linear;animation: 0.5s dllz1 linear;}
				@-webkit-keyframes dllz1{
					0%{-webkit-transform: scale(0) translateY(-1px);opacity: 0.2;}
					40%{-webkit-transform: scale(1.7) translateY(0px);opacity: 0.8;}
					100%{-webkit-transform: scale(1) translateY(-1px);opacity: 0.6;}
				}
				@keyframes dllz1{
					0%{transform: scale(0) translateY(-1px);opacity: 0.2;}
					40%{transform: scale(1.7) translateY(0px);opacity: 0.8;}
					100%{transform: scale(1) translateY(-1px);opacity: 0.6;}
				}
				.f9m2m1a{-webkit-animation: 1s dllz linear infinite;animation: 1s dllz linear infinite;}
				@-webkit-keyframes dllz{
					0%{-webkit-transform: scale(1) translateY(-1px);opacity: 0.5;}
					50%{-webkit-transform: scale(1.2) translateY(0px);opacity: 1;}
					100%{-webkit-transform: scale(1) translateY(-1px);opacity: 0.5;}
				}
				@keyframes dllz{
					0%{transform: scale(1) translateY(-1px);opacity: 0.5;}
					50%{transform: scale(1.2) translateY(0px);opacity: 1;}
					100%{transform: scale(1) translateY(-1px);opacity: 0.5;}
				}
				
				
		.f9m3{left: 0px;right: 0; top: 65%;margin: auto;opacity: 0;}
		.f9m4{left: 0px;right: 0; top: 65%;margin: auto;}
		.f9m5{left: 0px;right: 0; top: 77%;margin: auto;width: 100%;text-align: center;opacity: 0;-webkit-transition: all 2s;transition: all 2s;}
		.f9m5a{opacity: 1;}
			.paiwei{font-size: 3.2em;color: #FC4E4E;}
			
			
	.flip10{background: url(../imgs/bg.jpg);background-size: 100% 100%;position: absolute;}
	.flip10>img{position: absolute;}
		.f10m1{left: 0px;right: 0; top: 0px;margin: auto;height: 100%;}
	
/*------------------------------------------------------------------------------------------------------------*/
